/* This allows for most incompatibilities between browsers to be erased.
*/
* {
    padding: 0;
    margin: 0;
}

body {
    background-color: #FFF;
    font-family: Arial, Helvetica, sans-serif;
}


div#aac-header {
    padding-top: 50px;
    background: url('images/aac-header-gradient.png') #ACC357 repeat-x;
    border-bottom: 2px #515554 solid;
    color: #fff;
}
div#aac-header div#interior {
    width: 60%;
    height: 100px;
    margin: auto;
    background: url('images/aac-header-interior-gradient.png') #ACC357 repeat-x;
    border: 2px #515554 solid;
    border-bottom: 0px;
}
div#aac-header div#interior div#title {
    padding-bottom: 20px;
    font-size: 32pt;
}
div#aac-header div#interior div#current-time {
    float: left;
    background-position: 1px 0px;
}
div#aac-header div#interior div#current-user {
    float: right;
}


div#aac-navigation {
    width: 60%;
    margin: auto;
    background-color: #515554;
    border: 2px #515554 solid;
    border-top: 0;
    text-align: center;
}
div#aac-navigation ul li {
    height: 30px;
    padding: 10px 10px 0 10px;
    background: url('images/aac-navigation-button.png') #ACC357 repeat-x;
    border-bottom: 3px #ACC357 solid;
    display: inline-block;
    list-style: none;
}
div#aac-navigation ul li.active, div#aac-navigation ul li:hover  { border-bottom: 3px #FCF5BE solid; }
div#aac-navigation ul li a, div#aac-navigation ul li.active {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}
div#aac-navigation ul li.active, div#aac-navigation ul li a:hover { color: #FCF5BE; }
div#aac-subnavigation { text-align: center; }
div#aac-subnavigation ul li {
    padding: 5px 10px 0 10px;
    display: inline-block;
    list-style: none;
}
div#aac-subnavigation ul li a, div#aac-subnavigation ul li.active {
    border-bottom: 2px #ACC357 solid;
    color: #515554;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}
div#aac-subnavigation ul li.active { border: 0; color: #E29966; }
div#aac-subnavigation ul li a:hover {
    border-bottom: 2px #E29966 solid;
    color: #E29966;
}


div#content {
    width: 60%;
    margin: auto;
    background-color: #EBEBEB;
    border: 2px #515554 solid;
    border-top: 0;
    color: #515554;
}

div.clear {
    clear: both;
}

div#content a {
    color: #ACC357;
    font-weight: bold;
}
div#content a:hover { color: #E29966; }

h2 {
    margin: 10px 0 0 20px;
}

div#statspanel {
    background-color: #FCF5BE;
    border: 2px #E29966 solid;
    color: #E29966;
    text-align: center;

}

table.resulttable {
    width: 90%;
    margin: 0 auto;
    border: 2px #515554 solid;
    background-color: #515554;
    text-align: center;
}
table.resulttable th {
    background-color: #ACC357;
    color: #EBEBEB; 
}
table.resulttable td {
    background-color: #EBEBEB;
}